<template>
  <view class="container">
    <view class="image-container">
      <view class="content-image"></view>
      <text class="image-caption">服务升级中,敬请期待</text>
    </view>
	<custom-tab-bar />
  </view>
</template>

<script setup>
import { ref } from 'vue';
	import CustomTabBar from '@/custom-tab-bar/index.vue'
	import {
		onLoad,onShow
	} from '@dcloudio/uni-app'
	onShow(()=> {
	 
	  
	})
</script>

<style scoped>
.container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* 渐变背景 - 从 #f2cb8a 到 #f3f3fb */
  background: linear-gradient(to bottom, #f2cb8a, #f3f3fb, #f3f3fb, #f3f3fb);
  padding: 20px;
  box-sizing: border-box;
}

.image-container {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 150upx;
box-sizing: border-box;
}

.content-image {
  width: 300upx;
  height: 300upx;
  background-image: url('https://linshitong.oss-cn-shenzhen.aliyuncs.com/dev/image/2025/0812/b815a202508120930104547.png');
  background-repeat: no-repeat;  /* 不重复 */
  background-size: 100% 100%; /* 强制拉伸至容器大小 */

   
 }

.image-caption {
	margin-top: 30upx;
  font-size: 40upx;
  color: #333;

  font-weight: 600;
}
</style>